<div id="nomenclature">
    <Row type="flex" justify="center">
        <Spin fix v-show="spanShow" class="demo-spin-col">
            <Icon type="load-c" size=18 class="demo-spin-icon-load"></Icon>
            <div>Loading</div>
        </Spin>
        <i-col span="24">
    		<div id="totalChart" style="height:800px;"></div>
    	</i-col>
    </Row>
</div>
<script type="text/javascript" src="JS/page/delivery_note/nomenclature.js"></script>
<style>
    .demo-spin-icon-load{
        animation: ani-demo-spin 1s linear infinite;
    }
    @keyframes ani-demo-spin {
        from { transform: rotate(0deg);}
        50%  { transform: rotate(180deg);}
        to   { transform: rotate(360deg);}
    }
    .demo-spin-col{
        height: 100px;
        position: relative;
        top: 300px;
        border: 1px solid #eee;
    }
</style>